<template>
    <div class="page">
        <div class="page-content">
            <div class="authorization">
                <img src="static/img/accredit@3x.png" class="ed"> . . .
                <img src="static/img/authentication@3x.png" class="ing"> . . .
                <img src="static/img/accomplish@3x.png" class="done">
            </div>
            <div class="form">
                <item>
                    姓名
                    <span class="item-note">{{user.realName}}</span>
                </item>
                <item>
                    身份证号
                    <span class="item-note">{{user.idCard}}</span>
                </item>
                <item>
                    手机号
                    <span class="item-note">{{user.mobile}}</span>
                </item>
                <b-linput type="password" label="服务密码" placeholder="请输入服务密码" v-model="pwd" ref="pwd"></b-linput>
                <b-sms-code class="inputLine" v-if="pwd&&status=='CCOM3069'" :mobile="user.mobile" v-model="smsCode" :custom="true" @getSms="getSmsLogin" ref="smsCode"></b-sms-code>
            </div>
            <div class="submit">
                <md-button class="button button-balanced button-block" @click.native="operatorLoginDo">
                    提交
                </md-button>
                <div class="hint">
                    温馨提示：
                    <br>1.请授权本人实名认证手机号
                    <br>2.登录成功后将收到运营商短信通知，无需回复
                </div>
            </div>
        </div>
        <b-popup :show="verifyauthsmsShow">
            <div class="verifyauthsms">
                <div class="popup_close" @click="verifyauthsmsShow=false">
                    <img src="/static/img/cancel@3x.png">
                </div>
                <h2 class="title">运营商二次鉴权</h2>
                <div class="content">
                    <p class="mobile">当前手机号：{{user.mobile}}</p>
                    <p class="sms">
                        <input class="sms_input" placeholder="验证码" v-model="verifyauthsmsCode" />
                        <span class="sms_btn" :class="{waiting:verifyauthsmsWaiting}" @click="getSmsAuth">{{verifyauthsmsText}}</span>
                    </p>
                </div>
                <md-button class="button button-block button-energized verifyauthsms_submit" @click.native="verifyauthsmsDo">
                    确认
                </md-button>
            </div>
        </b-popup>
    </div>
</template>
<script src="./Operator.js"></script>
<style lang="scss" scoped src="./Operator.scss"></style>